<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- Bootstrap 的 CSS 文件 -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
    integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  <link rel="stylesheet/less" href="/css/reset.less">
  <link rel="stylesheet/less" href="/css/common.less">
  <link rel="stylesheet/less" href="./css/index.less">
  <link rel="canonical" href="https://getbootstrap.com/docs/4.6/examples/carousel/">

</head>

<body>
  <div class="wrap">
    <header>
      <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-white shadow-sm">
        <a class="navbar-brand" href="./index.html">
          <img src="./images/LOGO_03.png">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
          aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a class="nav-link" href="./index.html">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./about.html">About Us</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Property</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./blog.html">Our Blog</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./object.html">Contacts</a>
            </li>

          </ul>

        </div>
        <div class="navbar-small-logo">
          <div class="small-logo">
            <img src="./images/logo1_03.png">
          </div>
          <div class="small-logo">
            <img src="./images/logo1_03.png">
          </div>
          <div class="small-logo">
            <img src="./images/logo1_03.png">
          </div>
          <div class="small-logo">
            <img src="./images/logo1_03.png">
          </div>
        </div>
      </nav>
    </header>
    <main role="main">
      <div id="myCarousel" class="carousel slide pointer-event" data-ride="carousel">

        <div class="carousel-inner">
          <div class="carousel-item">
            <img src="./images/background_02.jpg" width="100%" height="100%">
            <div class="container">
              <div class="carousel-caption">
                <h1>120 Anastasia Avenue, Coral Gables.</h1>
                <div class="price">
                  <p>$625,000</p>
                  <div class="sat">MORE INFO</div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item active">
            <img src="./images/background_02.jpg" width="100%" height="100%">
            <div class="container">
              <div class="carousel-caption">
                <h1>120 Anastasia Avenue, Coral Gables.</h1>
                <div class="price">
                  <p>$625,000</p>
                  <div class="sat">MORE INFO</div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <img src="./images/background_02.jpg" width="100%" height="100%">

            <div class="container">
              <div class="carousel-caption">
                <h1>120 Anastasia Avenue, Coral Gables.</h1>
                <div class="price">
                  <p>$625,000</p>
                  <div class="sat">MORE INFO</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class=""></li>
          <li data-target="#myCarousel" data-slide-to="1" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>

      </div>
    </main>
    <div id="text">
      <div class="center">
        <div class="left">
          We are Offering theBest Estate Deals
        </div>
        <div class="right">
          Quisque diam lorem interdum vitaapibus ac scelerisque vitae pede, Donec eget tellus non erat laciniafertum.
          Donee in velit vel ipsum auctovinar, Proin umcorper urna et felisstibulum iaculis lacinia est.Proin dictum
          elem entum velit fisce cuismod, Aenean commodo ligula eget dolor, Aenean massa.Lorem ipsum dolor sit amet,
          consee tetuer adipis elit, aliqguam eget nibh etlibura, Lorem ipsum dolorsitamet, consetetur sadipscing elitr,
          sed diam nonumy eirmod tempor invidunt ut labore et.
        </div>
      </div>
    </div>
    <div id="center">
      <div class="centerboxx">
        <div class="centerbox">
          <img src="./images/centerbox-logo_03.jpg">
          <h1>Whole World</h1>
          <p>Proin umcorper urna et felisstibulumiaculis lacinia est. Proin dictum elementum velit fusce euismod.
            Aeneancommodo ligula eget dolor.</p>
        </div>
        <div class="centerbox">
          <img src="./images/centerbox-logo_03.jpg">
          <h1>Whole World</h1>
          <p>Proin umcorper urna et felisstibulumiaculis lacinia est. Proin dictum elementum velit fusce euismod.
            Aeneancommodo ligula eget dolor.</p>
        </div>
        <div class="centerbox">
          <img src="./images/centerbox-logo_03.jpg">
          <h1>Whole World</h1>
          <p>Proin umcorper urna et felisstibulumiaculis lacinia est. Proin dictum elementum velit fusce euismod.
            Aeneancommodo ligula eget dolor.</p>
        </div>
        <div class="centerbox">
          <img src="./images/centerbox-logo_03.jpg">
          <h1>Whole World</h1>
          <p>Proin umcorper urna et felisstibulumiaculis lacinia est. Proin dictum elementum velit fusce euismod.
            Aeneancommodo ligula eget dolor.</p>
        </div>
      </div>



    </div>
    <div id="featured">
      <div class="texta">
        <p>Featured <span>Properties</span></p>
      </div>
      <div class="featured-a">
      </div>
      <div class="textb">
        <p>Quisque diam lorem interdum vitaapibus vitae pede. Donec eget tellus nonerat lacinia fertum, Donec in
          velitvel ipsum auctovinar.</p>
      </div>
      <div class="featured-b">
        <div class="feat">
          <img src="./images/feat-back_03.jpg" width="100%" height="100%">
          <h3>1450 Cloudcroft Drop</h3>
          <h4>Illinois / Chicago</h4>
          <h5>$250,000</h5>
          <div class="featt">
            <img src="./images/featt_03.jpg">
          </div>
        </div>
        <div class="feat">
          <img src="./images/feat-back_03.jpg" width="100%" height="100%">
          <h3>1450 Cloudcroft Drop</h3>
          <h4>Illinois / Chicago</h4>
          <h5>$250,000</h5>
          <div class="featt">
            <img src="./images/featt_03.jpg">
          </div>
        </div>
        <div class="feat">
          <img src="./images/feat-back_03.jpg" width="100%" height="100%">
          <h3>1450 Cloudcroft Drop</h3>
          <h4>Illinois / Chicago</h4>
          <h5>$250,000</h5>
          <div class="featt">
            <img src="./images/featt_03.jpg">
          </div>
        </div>
      </div>
      <div class="featured-b">
        <div class="feat">
          <img src="./images/feat-back_03.jpg" width="100%" height="100%">
          <h3>1450 Cloudcroft Drop</h3>
          <h4>Illinois / Chicago</h4>
          <h5>$250,000</h5>
          <div class="featt">
            <img src="./images/featt_03.jpg">
          </div>
        </div>
        <div class="feat">
          <img src="./images/feat-back_03.jpg" width="100%" height="100%">
          <h3>1450 Cloudcroft Drop</h3>
          <h4>Illinois / Chicago</h4>
          <h5>$250,000</h5>
          <div class="featt">
            <img src="./images/featt_03.jpg">
          </div>
        </div>
        <div class="feat">
          <img src="./images/feat-back_03.jpg" width="100%" height="100%">
          <h3>1450 Cloudcroft Drop</h3>
          <h4>Illinois / Chicago</h4>
          <h5>$250,000</h5>
          <div class="featt">
            <img src="./images/featt_03.jpg">
          </div>
        </div>
      </div>
      <div class="featured-c">
        <P>ALL PROPERTIES</P>
      </div>

    </div>
    <div id="agents">
      <div class="agents-center">
        <div class="agents-left">
          <img src="./images/people1_03.png">
        </div>
        <div class="agents-right">
          <div class="texta">
            <div class="textaa">
              <p>Our <span>Agents</span></p>
            </div>
            <img src="./images/agents_03.png">
          </div>
          <div class="textb"></div>
          <div class="textc">
            <p>Lisa Gerrard</p>
          </div>
          <div class="textd">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
              utlaoreet dolore magna aliquam erat volutpat, Ut wisi enim ad minim veniam, quis nostrud exerci
              tationullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat, Duis autem vel eum iriure
              dolorin hendrerit in vulputate velit esse molestie consequat, raesent luptatum zzril delenit augue duis
              dolorete feugait nulla nonummy nibh euismod tincidunt facilisi.</p>
          </div>
          <div class="texte">
            <img src="./images/angentss_03.jpg">
          </div>

        </div>
      </div>
    </div>
    <div id="home">
      <div class="center">
        <div class="left">
          <p>Get Started on Buying Your <span>New Home</span></p>
        </div>
        <div class="right">
          <p>MORE ABOUT US</p>
        </div>
      </div>
    </div>
    <main role="main">
      <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
          <li data-toggle="#myCarousel" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="./images/Testimonials_02.png" width="100%" height="100%">
            <title> </title>
            <div class="container">
              <div class="carousel-caption">
                <h1>Testimonials.</h1>
                <div class="set"></div>
                <p>Liber tempor cum soluta eleifend option congue nihil imperdietdoming id quod mazim placerat facer
                  possim assum. typin nohabent claritatem insitam legentis qui facit eorum claritatem</p>
                <p>Amanda Seyfried, Apple</p>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <img src="./images/Testimonials_02.png" width="100%" height="100%">
            <title> </title>
            <div clas="container">
              <div class="carousel-caption">
                <h1>Testimonials.</h1>
                <div class="set"></div>
                <p>Liber tempor cum soluta eleifend option congue nihil imperdietdoming id quod mazim placerat facer
                  possim assum. typin nohabent claritatem insitam legentis qui facit eorum claritatem</p>
                <p>Amanda Seyfried, Apple</p>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <img src="./images/Testimonials_02.png" width="100%" height="100%">
            <title> </title>
            <div class="container">
              <div class="carousel-caption">
                <h1>Testimonials.</h1>
                <div class="set"></div>
                <p>iber tempor cum soluta eleifend option congue nihil imperdietdoming id quod mazim placerat facer
                  possim assum. typin nohabent claritatem insitam legentis qui facit eorum claritatem</p>
                <p>Amanda Seyfried, Apple</p>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <img src="./images/Testimonials_02.png" width="100%" height="100%">
            <title> </title>
            <div class="container">
              <div class="carousel-caption">
                <h1>Testimonials.</h1>
                <div class="set"></div>
                <p>iber tempor cum soluta eleifend option congue nihil imperdietdoming id quod mazim placerat facer
                  possim assum. typin nohabent claritatem insitam legentis qui facit eorum claritatem</p>
                <p>Amanda Seyfried, Apple</p>
              </div>
            </div>
          </div>
        </div>
        <button class="carousel-control-prev" type="button" data-target="#myCarousel" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-target="#myCarousel" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </button>
      </div>
    </main>
    <div id="logo">
      <div class="logoa">
        <img src="./images/logoa_03.jpg">
      </div>
      <div class="logob">
        <img src="./images/logob_03.png">
      </div>
      <div class="logoc">
        <img src="./images/logoc_03.jpg">
      </div>
      <div class="logod">
        <img src="./images/logod_03.jpg">
      </div>
      <div class="logoe">
        <img src="./images/logoe_03.jpg">
      </div>
    </div>
    <div id="bottom">
      <div class="center">
        <div class="topa">
          <div class="topaa">
            <img src="./images/bottomlogo_03.png">
          </div>
          <div class="topab">
            <div class="topac">
              <img src="./images/logo1_03.png">
            </div>
            <div class="topac">
              <img src="./images/logo1_03.png">
            </div>
            <div class="topac">
              <img src="./images/logo1_03.png">
            </div>
            <div class="topac">
              <img src="./images/logo1_03.png">
            </div>
          </div>
        </div>
        <div class="topb">
          <div class="topba">
            <p>Navigation</p>
          </div>
          <div class="topbb">
            <p>Home</p>
            <p>About Us</p>
            <p>Property</p>
            <p>Gallery</p>
            <p>Our Blog</p>
            <p>Contacts</p>
          </div>
        </div>
        <div class="topb">
          <div class="topba">
            <p>For clients</p>
          </div>
          <div class="topbb">
            <p>Sign in</p>
            <p>Forum</p>
            <p>Promotions</p>
            <p>News</p>
          </div>
        </div>
        <div class="topc">
          <div class="topca">
            <p>Contact us</p>
          </div>
          <div class="topcb">
            <p>GuangZhou,GuangDong</p>
          </div>
          <div class="topcc">
            <p>Freephone:19129250353</p>
            <p>Telephone:19129250353</p>
            <p>Wechat:Rryary</p>
          </div>
          <div class="topcd">
            <p>Eamil:2796661501@qq.com</p>
          </div>
        </div>
      </div>
    </div>
  </div>







</body>

</html>
<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
  crossorigin="anonymous"></script>
<script src="/js/swiper-bundle.min.js"></script>
<script src="/js/less.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
  integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../assets/js/vendor/jquery.slim.min.js"><\/script>')</script>
<script src="../assets/dist/js/bootstrap.bundle.min.js"></script>